<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

    {{if tag}}
    <title>{{tag}}纹身_{{tag}}纹身图案_{{tag}}纹身手稿图片_纹身大咖图库</title>
    {{else}}
    <title>纹身大咖图库 - 纹身图案大全|刺青图片|纹身手稿</title>
    {{/if}}

    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="keywords" content="纹身,刺青,tattoo,纹身师,纹身图案,纹身图片,文身图,纹身圈,纹身吧,纹身大咖,纹身手稿,纹身勾线图"/>
    <meta name="description" content="最全最新的纹身图片和纹身图案大全，国内外纹身师的优秀作品和手稿欣赏，纹身大咖官方图库。"/>
    <link href="/css/style.css" rel="stylesheet">
    <script src="/js/dev.min.js"></script>
    <script src="/js/layout.js"></script>
    <script>
        var g$list = JSON.parse('{{#json}}');

        $(document).ready(function () {
            var waterfall = {
                o: null,
                Set: function () {
                    if (waterfall.o) {
                        delete waterfall.o;
                        waterfall.o = null;
                    }
                    var w, outer, ratio;

                    if (g$mobile) {
                        w = ($(window).width() - 30 ) / 2;
                        outer = 10;
                        ratio = w / 250;
                    } else {
                        w = 250;
                        outer = 30;
                        ratio = 1;
                    }

                    $('.node').each(function (index) {
                        var h = g$list[index].height * ratio;
                        $(this).find('a').width(w).height(h);
                        $(this).find('img').width(w).height(h);
                    });
                    waterfall.o = $('#waterfall .node').wookmark({
                        container: $('#waterfall'),
                        offset: outer,
                        outerOffset: outer,
                        itemWidth: w,
                        flexibleWidth: w,
                        fillEmptySpace: true,
                        align: 'left'
                    });

                    var imgLoad = imagesLoaded('#waterfall');
                    imgLoad.on('progress', function (instance, image) {
                        $(image.img).css('opacity', 1);
                    });
                },
                Refresh: function () {
                    waterfall.Set();
                }
            };

            waterfall.Set();

            $(window).resize(function () {
                $('.wookmark-placeholder').remove();
                waterfall.Refresh();
            });
        });
    </script>
</head>
<body>

<nav>
    <div class="flu-main">
        <a href="/"><img src="/img/logo.png" alt="纹身大咖图库"></a>

        <div class="btn-download"></div>
    </div>
</nav>

<div class="tips">
    <p>Tips : 电脑上百度搜索"纹身大咖图库"可以下载更高清图片哦！</p>
</div>

<div id="main">

    <div class="flu-main tagsLibrary">
        {{each tagsLibrary as tags tagsLabel}}
        <div>
            <span class="tagsLabel">
                <span>{{tagsLabel}}</span>
            </span>
            {{each tags.split('#') as t}}
            {{if t == tag}}
            <span class="tags active">{{t}}</span>
            {{else}}
            <a href="/{{t}}_1.html" class="tags">{{t}}</a>
            {{/if}}
            {{/each}}
        </div>
        {{/each}}
    </div>

    <div class="flu-main">
        <div class="banner"></div>
    </div>

    <div id="waterfall" class="flu-main">

        {{each list as el}}

        <div class="node">
            <a class="cover" href="/detail_{{el._id}}.html">

                <h4>{{el.content}}</h4>
                <b><span>{{el.visitCount}}</span></b>

                <p>{{el.tagstring}}</p>
            </a>
            <img src="{{el.imgUrl}}">
        </div>

        {{/each}}

    </div>

    <div id="page">
        <div class="flu-main">

            {{if page == 2 && !tag}}
            <a href="/"><</a>
            {{else if page > 1}}
            <a href="/{{tag?(tag + '_'):''}}{{(+page - 1)}}.html"><</a>
            {{/if}}

            {{each pageList as i}}
            {{if i >= 1 && i <= max}}

            {{if i == 1 && !tag && i != page}}
            <a href="/">1</a>
            {{else if i != page}}
            <a href="/{{tag?(tag + '_'):''}}{{i}}.html">{{i}}</a>
            {{else}}
            <p class="active">{{i}}</p>
            {{/if}}

            {{/if}}
            {{/each}}

            {{if page != max}}
            <a href="/{{tag?(tag + '_'):''}}{{(+page + 1)}}.html">></a>
            {{/if}}

        </div>

    </div>

</div>

<footer>
    <div class="flu-main">
        <div class="content">
            <div class="footer-block">
                <h5>加入我们
                    <small>JOINUS</small>
                </h5>
                <p>hr@utodo.cn</p>
            </div>
            <div class="footer-block">
                <h5>商务合作
                    <small>BUSINESS</small>
                </h5>
                <p>bd@utodo.cn</p>
            </div>
            <div class="footer-info">
                <h6>北京微蜜科技有限公司</h6>

                <p><b>weimiTechnology Ltd.</b>©2014utodo.cn</p>

                <p>京ICP备14052625号</p>
            </div>
        </div>
    </div>
</footer>


<script>

    (function () {
        var bp = document.createElement('script');
        bp.src = '//push.zhanzhang.baidu.com/push.js';
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();

    (function () {
        var _hmt = _hmt || [];
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?0bb9fe149e6ec763a15c8a5a3e36f4d1";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();

    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1256682352' style='display:none;'%3E%3C/span%3E%3Cscript  src='" + cnzz_protocol + "s4.cnzz.com/stat.php%3Fid%3D1256682352' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>